import React, { useEffect } from 'react'
import Style from './style.module.less'

let count = 0
export default function rubblish() {
    const tick = () => {
        console.log('点击了一下')
        count++
        console.log('点击之后count', count)
    }

    useEffect(() => {
        console.log('count改变重新渲染', count)
    }, [count])
    return (
        <>
            <h2>{count}</h2>
            <div className={Style.buttonDiv} onClick={tick}>点击一下</div>
            <div className={Style.xiaxie}>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div>
                <img src='#' alt='#' />
                <input type="text" />
            </div>
            <div className={Style.pinkPig}>
                <h1>I m pink pig</h1>
                <h2>like scream</h2>
                <h3>like meat</h3>
                <h4>I M PINK PIG</h4>
                <h5>I M PINK PIG</h5>
                <h6>I M  PINK PIG</h6>
            </div>
        </>

    )
}
